<!DOCTYPE html>
<html lang="zh-CN">

<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
</head>

<body>
        <!-- 定位=定位模式+边偏移
        <br>
        定位模式：
        静态定位：static,了解就行，是元素的默认定位方式，无定位的意思，其实就是标准流
        相对定位：relative
        绝对定位：absolute
        固定定位：fixed


<br>

        边偏移：top bottom left right

 -->

        1、相对定位不脱标<br>
        2、绝对定位要脱标，不再占有原先的位置，
        <br>这也一个好处，可以随意摆放位置，并且不影响底下的盒子 <br>
        因此有子绝父相
        3、固定定位要脱标，只在浏览器页面的可视区域作用 ，与父元素无关，要脱标，与绝对定位相似
</body>

</html>